<template lang="pug">
  .links
    a(v-for="(item, index) in links", :href='item.link', :title='item.title', target="_blank", :key="index")
      svg.icon(aria-hidden="true")
        use(:xlink:href="item.icon")
</template>

<script>
export default {
  computed: {
    links () {
      return this.$store.state.webconfig.links
    }
  }
}
</script>


<style lang="stylus" scoped>
.links
  a
    padding .03rem
    opacity .8
    transition opacity .2s
    &:hover
      opacity 1
  .icon
    width: .35rem
    height: .35rem
    fill: currentColor
    overflow: hidden
  &.mini
    .icon
      width: .25rem
      height: .25rem
</style>
